<template>
  <div class='container'>
    <el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <el-form :inline="true" :model="formInline" class="demo-form-inline">
  <el-form-item label="所属学科" >
    <el-select v-model="formInline.region" placeholder="所属学科" >
      <el-option label="区域一" value="shanghai"></el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="目录名称">
    <el-input v-model="formInline.user" placeholder="目录名称"></el-input>
  </el-form-item>

</el-form>
  <span slot="footer" class="dialog-footer">
    <el-button @click="handleClose">取 消</el-button>
    <el-button type="primary" @click="dialogVisibles = false">确 定</el-button>
  </span>
</el-dialog>
  </div>
</template>

<script>
// import { add } from '@/api/hmmm/directorys'
export default {
  name: 'add',
  data () {
    return {
      formInline: {
        user: '',
        region: ''
      },
      dialogVisibles: ''
    }
  },
  methods: {
    handleClose () {
      this.$emit('close', 'guanBiXingZeng')
    }
  },
  props: {
    dialogVisible: { type: Boolean, required: true }

  }

}
</script>

<style scoped lang='less'>

</style>
